<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<!-- Title here -->
		<title>CnIt_Team|CNIT.PRO</title>
		<!-- Description, Keywords and Author -->
		<meta name="description" content="CNIT_Team,cnit.pro">
		<meta name="keywords" content="CNIT_Team,cnit.pro">
		<meta name="author" content="CNIT_Team">
		
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		
		<!-- Styles -->
		<!-- Bootstrap CSS -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<!-- Font awesome CSS -->
		<link href="css/font-awesome.min.css" rel="stylesheet">	
		<!-- Animate CSS -->
		<link href="css/animate.min.css" rel="stylesheet">
		<!-- Custom CSS -->
		<link href="css/style.css" rel="stylesheet">
		<link rel="icon" href="" sizes="32x32" />
		
	</head>
	
	<body>
		
		<div class="outer">
		
			<!-- Sidebar Start-->
			<!-- Menu for tablets and mobile -->
			<div class="navigation">
				<a href="#">Menu</a>
			</div>
			<div class="sidebar">
				<!-- Logo of company -->
				<div class="logo text-center">
					<h1><a href="#">CNIT</a></h1>
					<p>Team of CNIT</p>
				</div>
				<div class="sidebar-search">
					<form>
						<div class="input-group">
							<input type="text" class="form-control" placeholder="Text to search">
							<span class="input-group-btn">
								<button class="btn btn-danger" type="button"><i class="icon-search"></i></button>
							</span>
						</div>
					</form>
				</div>
				<!-- Navigation menu list -->
				<ul class="list-unstyled list">
					<li><a href="#home" class="anchorLink"><i class="icon-home scolor"></i> 主页</a></li>
					<li><a href="#.team" class="anchorLink"><i class="icon-user scolor"></i> 关于我们</a></li>
					<li><a href="#.service" class="anchorLink"><i class="icon-retweet scolor"></i> 联系我们</a></li>
					<li><a href="#.feature" class="anchorLink"><i class="icon-road scolor"></i>未来的路</a></li>
					<li><a href="#.testimonial" class="anchorLink"><i class="icon-info scolor"></i> 加入我们</a></li>
					
				</ul>
				<!-- Social media links -->
				<div class="social">
					<a href="#" class="facebook"><i class="icon-facebook"></i></a>
					<a href="#" class="twitter"><i class="icon-twitter"></i></a>
					<a href="#" class="google"><i class="icon-google-plus"></i></a>
					<a href="#" class="linkedin"><i class="icon-linkedin"></i></a>
				</div>
			</div>
			
			<!-- Sidebar End -->
			
			<!-- Main Start -->
			
			<div class="main">
			
				<div id="carousel-example-generic" class="carousel slide carousel-fade">
				   
					<!-- Wrapper for slides -->
					
					<div class="carousel-inner">
						<!-- Carousel item start -->
						<div class="item active">
							<!-- Carousel background images -->
							<img src="img/3.jpg" class="img-responsive" alt="" />
							<div class="carousel-caption">
								<div class="row">
									<div class="col-md-6">
										<!-- Images for carousel foreground -->
										<img src="img/s2.png" alt="" class="img-responsive" />
									</div>
									<div class="col-md-6">
										<!-- Carousel caption -->
										<div class="caption-content">
											<h3>CNIT.PRO</h3>
											<p>一支非盈利性质信息安全团队,由一帮不务正业的DIAOSI组成,玩我们爱玩的,顺便能为信息安全事业做出点贡献,想来也是极好的！</p>
										</div>
									</div>
								</div>
							</div>
						</div>
				  
						<div class="item">
							<img src="img/3.jpg"  class="img-responsive" alt=""/>
							<div class="carousel-caption">
								<div class="row">
									<div class="col-md-6">
										<img src="img/s3.png" alt="" class="img-responsive" />
									</div>
									<div class="col-md-6">
										<div class="caption-content">
											<h3>我申请，加入你的人生</h3>
											<p>其实，我一直都在你身后，就差你一个回头.</p>
										</div>
									</div>
								</div>
							</div>
						</div>
				  
						<div class="item">
							<img src="img/3.jpg"  class="img-responsive" alt=""/>
							<div class="carousel-caption">
								<div class="row">
									<div class="col-md-6">
										<img src="img/s1.png" alt="" class="img-responsive" />
									</div>
									<div class="col-md-6">
										<div class="caption-content">
											<h3>逆·态度</h3>
											<p>竹以直而美，人以正而优！</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

					<!-- Controls -->

					<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
						<span class="icon-prev"></span>
					</a>
					<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
						<span class="icon-next"></span>
					</a>
				</div>
				
				<!-- Wrapper for slides End -->
				
				
				
				<div class="container">
				
					<!-- Start Hero -->
					
					<div class="hero">
						<div class="row">
							<div class="col-md-12">
								<h2>WE TEAM</h2>
								<p>一个新生的团队，年纪很轻，能力很强，笑点很低，效率很高的团队.</p>
								
							</div>
						</div>
					</div>
					<hr />
					<!-- Hero End -->
					
					<!-- Start team profile -->
					<div class="team">
						<h3>About Us</h3>
						<div class="bor hidden-xs"></div>
						<div class="row">
							<div class="col-md-3 col-sm-6">
								<!-- Team member's profile  -->
								<div class="thumbnail team-profile">
									<img src="img/user1.jpg" alt="" class="img-responsive img-circle" />
									<!-- Member's name and designation -->
									<h5>为国风</h5>
									<span>江湖人称卫生巾</span>
									<div class="social-link">
										<a href="#" class="facebook"><i class="icon-facebook"></i></a>
										<a href="#" class="google"><i class="icon-google-plus"></i></a>
										<a href="#" class="twitter"><i class="icon-twitter"></i></a>
										<a href="#" class="linkedin"><i class="icon-linkedin"></i></a>
										<a href="#" class="skype"><i class="icon-skype"></i></a>
									</div>
								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="thumbnail team-profile">
									<img src="img/user2.jpg" alt="" class="img-responsive img-circle" />
									<h5>宝宝</h5>
									<span>团队里唯一的萌妹子</span>
									<div class="social-link">
										<a href="#" class="facebook"><i class="icon-facebook"></i></a>
										<a href="#" class="google"><i class="icon-google-plus"></i></a>
										<a href="#" class="twitter"><i class="icon-twitter"></i></a>
										<a href="#" class="linkedin"><i class="icon-linkedin"></i></a>
										<a href="#" class="skype"><i class="icon-skype"></i></a>
									</div>
								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="thumbnail team-profile">
									<img src="img/user3.jpg" alt="" class="img-responsive img-circle" />
									<h5>伤心的瘦子</h5>
									<span>效率很高的伪"胖子"</span>
									<div class="social-link">
										<a href="#" class="facebook"><i class="icon-facebook"></i></a>
										<a href="#" class="google"><i class="icon-google-plus"></i></a>
										<a href="#" class="twitter"><i class="icon-twitter"></i></a>
										<a href="#" class="linkedin"><i class="icon-linkedin"></i></a>
										<a href="#" class="skype"><i class="icon-skype"></i></a>
									</div>
								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="thumbnail team-profile">
									<img src="img/user4.jpg" alt="" class="img-responsive img-circle" />
									<h5>Ra8er</h5>
									<span>除了有点二，其他还能入眼</span>
									<div class="social-link">
										<a href="#" class="facebook"><i class="icon-facebook"></i></a>
										<a href="#" class="google"><i class="icon-google-plus"></i></a>
										<a href="#" class="twitter"><i class="icon-twitter"></i></a>
										<a href="#" class="linkedin"><i class="icon-linkedin"></i></a>
										<a href="#" class="skype"><i class="icon-skype"></i></a>
									</div>
								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="thumbnail team-profile">
									<img src="img/u0.jpg" alt="" class="img-responsive img-circle" />
									<h5>Zer0ne</h5>
									<span>自称十三少，爱妹子</span>
									<div class="social-link">
										<a href="#" class="facebook"><i class="icon-facebook"></i></a>
										<a href="#" class="google"><i class="icon-google-plus"></i></a>
										<a href="#" class="twitter"><i class="icon-twitter"></i></a>
										<a href="#" class="linkedin"><i class="icon-linkedin"></i></a>
										<a href="#" class="skype"><i class="icon-skype"></i></a>
									</div>
								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="thumbnail team-profile">
									<img src="img/wenhao.jpg" alt="" class="img-responsive img-circle" />
									<h5>你的位置</h5>
									<span>期待您的加入!!!</span>
									<div class="social-link">
										<a href="#" class="facebook"><i class="icon-facebook"></i></a>
										<a href="#" class="google"><i class="icon-google-plus"></i></a>
										<a href="#" class="twitter"><i class="icon-twitter"></i></a>
										<a href="#" class="linkedin"><i class="icon-linkedin"></i></a>
										<a href="#" class="skype"><i class="icon-skype"></i></a>
									</div>
								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="thumbnail team-profile">
									<img src="img/wenhao.jpg" alt="" class="img-responsive img-circle" />
									<h5>你的位置</h5>
									<span>期待您的加入!!!</span>
									<div class="social-link">
										<a href="#" class="facebook"><i class="icon-facebook"></i></a>
										<a href="#" class="google"><i class="icon-google-plus"></i></a>
										<a href="#" class="twitter"><i class="icon-twitter"></i></a>
										<a href="#" class="linkedin"><i class="icon-linkedin"></i></a>
										<a href="#" class="skype"><i class="icon-skype"></i></a>
									</div>
								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="thumbnail team-profile">
									<img src="img/wenhao.jpg" alt="" class="img-responsive img-circle" />
									<h5>你的位置</h5>
									<span>期待您的加入!!!</span>
									<div class="social-link">
										<a href="#" class="facebook"><i class="icon-facebook"></i></a>
										<a href="#" class="google"><i class="icon-google-plus"></i></a>
										<a href="#" class="twitter"><i class="icon-twitter"></i></a>
										<a href="#" class="linkedin"><i class="icon-linkedin"></i></a>
										<a href="#" class="skype"><i class="icon-skype"></i></a>
									</div>
								</div>
							</div>
						</div>	
					</div>
					<hr />
					
					<!-- Team profile End --> 
						
					<!-- Services start -->
					<div class="service">
						<h3>Service</h3>
						<div class="bor hidden-xs"></div>
						<div class="row">
							<div class="col-md-3 col-sm-6 col-xs-6">
								<!-- Service item -->
								<div class="service-item animated">
									<i class="icon-camera skyblue"></i>
									<!-- Service item heading -->
									<h4><a href="#">官方微博</a></h4>
									<p><a href="http://t.qq.com/cnitpro">CNIT信息安全团队(www.cnit.pro)官方微博。</a>
									如有问(le)题(zi)请@CNIT信息安全团队,竭尽全力为您“服务”。
									</p>
								</div>
							</div>
							<div class="col-md-3 col-sm-6 col-xs-6">
								<div class="service-item animated">
									<i class="icon-envelope nblue"></i>
									<h4><a href="#">联系方式</a></h4>
									<p>想加入我们带上自身条件发送至:admin@cnit.pro如果想查水表依然联系:admin@cnit.pro</p>
								</div>
							</div>
							<div class="col-md-3 col-sm-6 col-xs-6">
								<div class="service-item animated">
									<i class="icon-download blue"></i>
									<h4><a href="#">交流论坛</a></h4>
									<p><a href="http://www.cnit.pro/about.html">关于我们</a>邀请码获取：微博、赞助、投稿都可以哦，怎么弄？自己看着办吧！</p>
								</div>
							</div>
							<div class="col-md-3 col-sm-6 col-xs-6">
								<div class="service-item animated">
									<i class="icon-gamepad green"></i>
									<h4><a href="#">NOT NULL</a></h4>
									<p>wo men shi yi ge zeng pai zheng neng liang de tuan dui ,  you fu  li shen me de dou bu yao wang ji wo men you</p>
								</div>
							</div>
						</div>
					</div>
					<hr />
					<!-- Services End -->
					
					<!-- Features Start -->
					
					<div class="feature">
						<h3>Future</h3>
						<div class="bor hidden-xs"></div>
						<div class="row">
							<div class="col-md-3 col-xs-6">
								<!-- Feature item -->
								<div class="feature-item animated">
									<i class="icon-gears"></i>
									<!-- Feature item heading and description -->
									<h4>抬头望天</h4>
									<p>脚下踏的是坚实的土地.</p>
								</div>
							</div>
							<div class="col-md-3 col-xs-6">
								<div class="feature-item animated">
									<i class="icon-refresh"></i>
									<h4>直视远方</h4>
									<p>盼望的是遥远的未来.</p>
								</div>
							</div>
							<div class="col-md-3 col-xs-6">
								<div class="feature-item animated">
									<i class="icon-unlink"></i>
									<h4>回眸一望 </h4>
									<p>是逝去的记忆.</p>
								</div>
							</div>
							<div class="col-md-3 col-xs-6">
								<div class="feature-item animated">
									<i class="icon-puzzle-piece"></i>
									<h4>未来的路</h4>
									<p>梦在哪，路在哪！</p>
								</div>
							</div>
						</div>
					</div>
					<hr />
					
					<!-- Features End -->
					
					<!-- Testimonials Start -->
					
					<div class="testimonial">
						<h3>加入我们</h3>
						<div class="bor hidden-xs"></div>
						<div class="row">
							<div class="col-md-4">
								<!-- testimonial content -->
								<div class="testimonial-content animated">
									<!-- User's image , name and designation -->
									<h4><img src="img/user-xs.jpg" alt="" class="img-responsive img-circle"/>美术设计师<span>, Mei Gong</span></h4>
									<!-- User's comment -->.
									<blockquote>
										<p>我们需要一个“全能”的美术设计师，不需要技术牛，在线时间比较多、能做个图片什么的足矣，我们需要一个热情有活力的设计师，当然如果是妹子想来也是极好的。</p>
									</blockquote>
								</div>
							</div>
							<div class="col-md-4">
								<div class="testimonial-content animated">
									<h4><img src="img/user-xs.jpg" alt="" class="img-responsive img-circle"/>Web开发or网络安全<span>,Cheng Xu Yuan</span></h4>
									<blockquote>
										<p>人品好，技术其次，爱攻城、爱钻研。要求：具备和其他成员交流的能力，能够完成团队分配任务，技术要求，自己觉得屌就可以啦！</p>
									</blockquote>
								</div>
							</div>
							<div class="col-md-4">
								<div class="testimonial-content animated">
									<h4><img src="img/user-xs.jpg" alt="" class="img-responsive img-circle"/>网站运维<span>, Diao Si</span></h4>
									<blockquote>
										<p>在线时间长，热爱团队，懂一点点技术，有许多资源，都可以来加入我们的呦。</p>
									</blockquote>
								</div>
							</div>
						</div>
					</div>
					<hr />
					
					<!-- Testimonials End -->
					
					
					<!-- Price Table End -->
					
					<!-- Contact Start -->
					
			
							<!-- Address -->
							
					<!-- Contact End -->
					
					<!-- Footer -->
				<footer>
					<div class="row">
						<div class="col-md-12">
							<hr />
							<br />
							<!-- You should not remove the footer link back. -->
							<p class="text-center">Page &copy; by Mr.Kang  </p>
							<br />
						</div>
					</div>
				</footer>
				
				</div>
				
				
				
			</div>	<!-- This end div for main class -->
		</div>
		
		<div class="clearfix"></div>
		
		
		<!-- Scroll to top -->
      <span class="totop"><a href="#"><i class="icon-chevron-up"></i></a></span> 

		
		<!-- Javascript files -->
		<!-- jQuery -->
		<script src="js/jquery.js"></script>
		<!-- Bootstrap JS -->
		<script src="js/bootstrap.min.js"></script>
		<!-- jquery Anchor JS -->
		<script src="js/jquery.arbitrary-anchor.js"></script>
		<!-- jQuery way points -->
		<script src="js/waypoints.min.js"></script>
		<!-- Respond JS for IE8 -->
		<script src="js/respond.min.js"></script>
		<!-- HTML5 Support for IE -->
		<script src="js/html5shiv.js"></script>
		<!-- Custom JS -->
		<script src="js/custom.js"></script>

</div> 
</body>
</html>
